<template>
  <div class="searchfind">
    <h1>搜索发现</h1>
    <ul>
      <li>清水瓦台</li>
      <li>豪客来牛排</li>
      <li>灞业3000m温泉酒店</li>
      <li>新疆炒米粉</li>
      <li>大芊金火锅串串</li>
      <li>长安大排档</li>
      <li>温泉</li>
      <li>咖啡</li>
      <li>郭老三面庄</li>
      <li>花店</li>
      <li>茶颜悦色</li>
      <li>卤校长</li>
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.searchfind {
  width: 100%;
  h1 {
    height: 8vw;
    font-size: 3.2vw;
    line-height: 8vw;
    font-weight: normal;
  }
  ul {
    width: 100%;
    display: flex;
    // justify-content: start;
    flex-wrap: wrap;
    li {
      height: 8vw;
      margin: 1.333vw;
      border-radius: 4vw;
      padding: 0 2.667vw;
      line-height: 8vw;
      font-size: 3.2vw;
      background-color: #f3f3f3;
    }
  }
}
</style>